/* 列表页管理 */

/*引入所需font-icon*/
@font-face {
	font-family: "iconfont";
	src: url('../fonts/lsiconfont.eot'); /* IE9*/
	src: url('../fonts/lsiconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../fonts/lsiconfont.woff') format('woff'), /* chrome、firefox */
	url('../fonts/lsiconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
	url('../fonts/lsiconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
	font-family:"iconfont" !important;
	font-size:16px;
	font-style:normal;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: grayscale;
	font-smoothing: grayscale;
	-webkit-text-stroke-width: 0.2px;
	-moz-text-stroke-width: 0.2px;
	text-stroke-width: 0.2px;
}
.icon-set:before { content: "\e633"; }
.icon-help:before { content: "\e6db"; }
.icon-up:before { content: "\e7d3"; }
.icon-down:before { content: "\e63a"; }

/*禁用文字选中*/
.no-select-text{
	user-select:none;
	-moz-user-select:none;
	-webkit-user-select:none;
}
/*table配置中样式*/
table{
	/**visibility:hidden;*/
	box-sizing:border-box !important;
	border-collapse:separate !important;
}
table *{
	box-sizing:border-box !important;
}
table.listManager-ready{
	visibility:visible;
}
/*table所在的DIV*/
.table-warp{
	position: relative;
}
.table-div{
	position:relative;
	overflow-x: auto;
	overflow-y: hidden;
}
.table-div.config-editing{  /*用于配置列表功能*/
	overflow-x: hidden;
}
/*table*/
.table-warp table{
	table-layout:fixed;
	word-wrap:break-word;
	text-align: center;
	margin:0px !important;
	width: 100%;
	max-width: 100%;
	border: 1px solid #e0e0e0;
}
.table-warp table th{
	background: #fff;
	border-bottom: 1px solid #e1e1e1;
	border-right: 1px solid #e1e1e1;
	padding: 8px 16px;
	line-height: 18px;
	font-size: 12px;
	text-align: left;
}
.table-warp tr th:last-child{
	border-right: 0px;
}
.table-warp table th[th-visible="none"]{
	display:none;
}
.table-warp table th[th-visible="visible"]{
	display:table-cell;
}
.table-warp table tr td{
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	border-bottom: 1px solid #e1e1e1;
	padding: 8px 16px;
	line-height: 18px;
	font-size: 12px;
	text-align: left;
}


.table-warp tr:last-child td{
	border-bottom: 0px;
}
.table-warp tr:hover td{
	background: #f6f4f1;
}
.table-warp .page-toolbar{
	color: #999;
}
/* 提供的默认table样式 */
table.list-manager-default{
	background-color: #dad9c7;
    font-size: 12px;
    width: 100%;
	border-collapse:separate;
	border-spacing:1px;
    font-size: 12px !important;
    font-family: arial !important;
}
table.list-manager-default thead tr th{
 	background-color: #e6eeee;
    border: 1px solid #fff;
    font-size: 8pt;
	text-align: center;
}
table.list-manager-default thead tr th:hover{
 	background-color: #8dbdd8;
}
table.list-manager-default tbody tr td{
	background-color: #fff;
    color: #3d3d3d;
    padding: 4px;
    vertical-align: top;
    text-align: left;
}
table.list-manager-default tbody tr:hover td{
	background-color: #e8e8e8;
	color:#000;
}
/*列表设置显示隐藏*/
.table-warp .config-area{
	display:block;
	width: 18px;
	height: 20px;
	position:absolute;
	top:-34px;
	right: 0px;
	cursor:pointer;
	text-align:center;
	z-index: 5;
}
.table-warp .config-area .config-action{
	display:block;
	width: 18px;
	height: 20px;
	background-image: url('');
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.table-warp .config-area .config-action:hover{
	background-position: -18px 0px;
}
.lm-filter-area{
	display: block;
	width: 13px;
	height: 20px;
	position: absolute;
	top: 10px;
	right: 30px;
	cursor: pointer;
	text-align: center;
	z-index: 5;
}

.lm-filter-area .lm-filter-action{
	display:block;
	width: 13px;
	height: 20px;
	background-image: url('') ;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.lm-filter-area .lm-filter-action:hover{
	background-position: -13px 0px;
}

.table-warp .config-area .config-list,.lm-filter-area .lm-filter-list{
	display:none;
	position:absolute;
	top:24px;
	right: 0px;
	list-style-type:none;
	font-size:12px;
	white-space:nowrap;
	overflow:hidden;
	background: #fff;
	border-radius:3px;
	box-shadow: 0px 0px 3px #ddd;
}

.lm-filter-area .lm-filter-list{
	left: -20px;
	right: auto;
	position:fixed;
}
.table-warp .config-area .config-list ul,.lm-filter-area .lm-filter-list ul{
	display: block;
	width: 100%;
	margin: 0px;
	padding: 0px;
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
}
.table-warp .config-area .config-list li,.lm-filter-area .lm-filter-list li{
	display: block;
	min-width: 220px;
	height: 36px;
	margin:0px 10px 0px 0px;
	padding:0px 10px;
	line-height: 36px;
	text-align: left;
	color: #666;
}
.table-warp .config-area .config-list li:hover,.lm-filter-area .lm-filter-list li:hover{
	background: #f6f4f1;
	color: #fc7408;
}
.table-warp .config-area .config-list li.no-click,.lm-filter-area .lm-filter-list li.no-click{
	cursor:not-allowed;
}
.table-warp .config-area .config-list li.no-click *,.lm-filter-area .lm-filter-list li.no-click *{
	cursor:not-allowed;
}
.table-warp .config-area .config-list li input[type="checkbox"],.lm-filter-area .lm-filter-list li input[type="checkbox"]{
	display:none;
}
.table-warp .config-area .config-list li label,.lm-filter-area .lm-filter-list li label{
	cursor:pointer;
	color:#666;
	font-weight:500;
}
.table-warp .config-area .config-list li label:hover,.lm-filter-area .lm-filter-list li label:hover{
	color:#09f;
}
.table-warp .config-area .config-list li.no-click label:hover,.lm-filter-area .lm-filter-list li.no-click label:hover{
	color:#666;
}
.table-warp .config-area .config-list li .fake-checkbox,.lm-filter-area .lm-filter-list li .fake-checkbox{
	display:inline-block;
	width: 15px;
	height: 15px;
	position:relative;
	border:1px solid #dadee2;
	box-shadow:0 0 1px 1px #e8e8e8;
	vertical-align:middle;
	margin-right: 10px;
}
.table-warp .config-area .config-list li .fake-checkbox:after,.lm-filter-area .lm-filter-list li .fake-checkbox:after{
	display:block;
	width:8px;
	height:8px;
	position:absolute;
	top:-11px;
	left:2px;
	background:none;
}
.table-warp .config-area .config-list li.checked-li .fake-checkbox:after,.lm-filter-area .lm-filter-list li.checked-li .fake-checkbox:after{
	content: "\2714";
	color: #fc7408;
}
.table-warp .config-area .config-list li:hover label,.lm-filter-area .lm-filter-list li:hover label{
	color: #fc7408;
}
.table-warp .config-area .config-list .submit-config,.lm-filter-area .lm-filter-list .submit-config{
	display: block;
	width: 100%;
	height: 34px;
	line-height: 34px;
	text-align: center;
	border: 1px solid #fd9611;
	color: #fd9611;
	font-size:14px;
}
.table-warp .config-area .config-list .submit-config:hover{
	background: #fd9611;
	color: #fff;
}
/*表头提醒*/
.table-warp table th .remind-action{
	width:16px;
	height:16px;
	position:absolute;
	top:4px;
	left:4px;
	cursor:help;
}
.table-warp table th .remind-action .ra-area{
	display:none;
	min-width:150px;
	max-width:300px;
	position:absolute;
	top:80%;
	left:80%;
	padding:12px;
	border:3px solid #000;
	z-index:9999;
	border-radius:5px;
	box-shadow: 3px 3px 10px 0px #222;
	background-color:#000;
	opacity:0.8;
	line-height: 14px;
	color:#fff;
}
.table-warp table .set-top th .remind-action .ra-area{
	visibility:hidden;
	display:none;
}
.table-warp table .set-top th .remind-action:hover .ra-area{
	visibility:visible;
	display:block !important;
}
/*
.table-warp table th .remind-action:hover .ra-area{
	display:block;
}
*/
.table-warp table th .remind-action .ra-help{
	display:block;
	width:16px;
	height:16px;
	font-size:16px;
	line-height: 18px;
	color:#666;
}
.table-warp table th .remind-action:hover .ra-help{
	color:#2b669a;
}
.table-warp table th .remind-action .ra-area .ra-title{
	display:block;
	text-align:left;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	margin-bottom:4px;
	font-weight:600;
	font-size: 1.1em;
	color:#FF6;
}
.table-warp table th .remind-action .ra-area .ra-con{
	display:block;
	font-weight:500;
/*	text-indent:2em;*/
	text-align:left;
	font-size: 0.9em;
}
/*表头置顶*/
.table-warp .set-top{
	display:none;
	position:absolute;
	left:0px;
	top:0px;
	z-index:99;
}
.table-warp .set-top .adjust-action{
	display:none !important;
}
/**
.table-warp .set-top .remind-action{
	display:none;
}
**/
.table-warp .set-top .sorting-action{
	display:none !important;
}
.table-warp .set-top .drag-action{
	cursor:default !important;
}
.table-warp table thead.scrolling{
	visibility:hidden;
}
.table-warp .scroll-area{
	height:18px;
	margin-top: -18px;
	z-index:9999;
	overflow-x:auto;
	overflow-y:hidden;
}
.table-warp .scroll-area .sa-inner{
	height:20px;
}
/*th内的上级DIV*/
.table-warp table th .th-warp{
	width:100%;
	height:100%;
	position:relative;
	padding:4px;
}
/*宽度调整*/
.table-warp table th .adjust-action{
	display:block;
	width:6px;
	height:100%;
	position:absolute;
	top:0px;
	right:-4px;
	cursor:col-resize;
	z-index:2;
}
.table-warp table .adjust-selected{
	border-right-width: 2px;
	border-right-style: dashed;
	border-right-color: #ccc;
}
.table-warp table .adjust-selected .drag-action{
	cursor:col-resize;
}
/*文本镜像：用于实时获取th的文本宽度*/
.table-warp .text-dreamland{
	position:absolute;
	top:0px;
	left:0px;
	white-space: nowrap;
	visibility: hidden;
	z-index:-1;
}
/*排序*/
.table-warp table .sorting-action{
	display:block;
	width:20px;
	height:18px;
	position:absolute;
	top:4px;
	right:5px;
	cursor:default;
	z-index:2;
	color:#444;
}
.table-warp table .sorting-action:hover{
	color:#000;
}
.table-warp table .sorting-action.sortion-up{
	content:"\f102";
}
.table-warp table .sorting-action.sortion-down{
	content:"\f103";
}
.table-warp table .sorting-action .sa-icon{
	display:block;
	height:10px;
	font-size:18px;
	line-height:10px;
	position:absolute;
}
.table-warp table .sorting-action .sa-up{
	top:0px;
	right:0px;
}
.table-warp table .sorting-action .sa-down{
	bottom:0px;
	right:0px;
}
.table-warp table .sorting-action.sorting-up .sa-up{
	opacity:1;
}
.table-warp table .sorting-action.sorting-up .sa-down{
	opacity:0.1;
}
.table-warp table .sorting-action.sorting-down .sa-up{
	opacity:0.1;
}
.table-warp table .sorting-action.sorting-down .sa-down{
	opacity:1;
}
/*拖拽换位*/
.table-warp table th .drag-action{
	display:block;
	width:100%;
	height:100%;
/*	padding:0px 20px;*/
	cursor:all-scroll;
}
.table-warp table .drag-ongoing{
	cursor:all-scroll;
	background:#000 !important;
	border-color:#ccc !important;
	color:#fff !important;
	opacity:0.5;
}
.table-warp table .drag-ongoing.opacityChange{
	opacity:1;
    -webkit-animation: opacityChange 1s ease-in-out infinite;
       -moz-animation: opacityChange 1s ease-in-out infinite;
            animation: opacityChange 1s ease-in-out infinite;
}
.table-warp .dreamland-div{
	display:none;
	position:absolute;
	border:1px solid #ccc;
	padding:0px;
	background:#fff;
	cursor:all-scroll;
	z-index:9;
}
.table-warp .dreamland-div .dreamland-table{
	table-layout:fixed;
	width:100%;
	margin:0px !important;
	padding:0px !important;
}
.table-warp .dreamland-div .dreamland-table td{
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
/*闪烁动画特效*/
@-webkit-keyframes opacityChange{
    0%{
		opacity:0.1;
	}
    100%{
		opacity:0.7;
	}
}
@-moz-keyframes opacityChange{
    0%{
		opacity:0.1;
	}
    100%{
		opacity:0.7;
	}
}
@keyframes opacityChange{
    0%{
		opacity:0.1;
	}
    100%{
		opacity:0.7;
	}
}
.hidden{
	display:none;
}


/*
	@baukh20150504:分页默认样式
*/

.table-warp .page-toolbar{
	width:100%;
	padding-top:10px;
}
.table-warp .page-toolbar .dataTables_info{
	display:inline-block;
	width:40%;
	vertical-align:middle;
}
.table-warp .page-toolbar .ajax-page{
	display:inline-block;
	width:60%;
	text-align:right;
	vertical-align:middle;
	clear: both;
}
.table-warp .page-toolbar .ajax-page .goto-page{
	height: 30px;
	float: right;
	padding-left: 17px;
}
.table-warp .page-toolbar .ajax-page .goto-page .gp-action{
	display: inline-block;
	width: 60px;
	height: 100%;
	border: 1px solid #b9c3cd;
	text-align: center;
	line-height: 28px;
	margin-left: 17px;
	cursor: pointer;
	color: #666;
}
.table-warp .page-toolbar .ajax-page .goto-page .gp-action:hover{
	color: #fff;
	border-color: #fd9611;
	background-color: #fd9611;
}
.table-warp .page-toolbar .ajax-page .goto-page .gp-input{
	display: inline-block;
	width: 30px;
	height: 100%;
	border: 1px solid #b9c3cd;
	text-align: center;
	line-height: 28px;
	padding: 0px;
	margin: 0px 8px;
}
.table-warp .page-toolbar .ajax-page .change-size{
	display:block;
	min-width: 140px;
	height: 30px;
	float: right;
	line-height: 30px;
	vertical-align:middle;
}
.table-warp .page-toolbar .ajax-page .pagination{
	display: block;
	float:right;
	margin:0px;
}
.table-warp .page-toolbar .ajax-page .pagination li{
	display:inline-block;
}
.pagination > li > a, .pagination > li > span {
	display: block;
	min-width: 30px;
	height: 30px;
	background-color: #fff;
	border: 1px solid #e6e6e6;
	color: #707887;
	float: left;
	padding: 0px 10px;
	line-height: 28px;
	position: relative;
	text-align: center;
	text-decoration: none;
}
.pagination>li:first-child>a, .pagination>li:first-child>span {
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
    margin-left: 0;
}
.pagination>li:last-child>a, .pagination > li:last-child>span {
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}
.pagination li.disabled > a, .pagination li.disabled > a:focus,
.pagination li.disabled > a:hover, .pagination li.disabled > span,
.pagination li.disabled > span:focus, .pagination li.disabled > span:hover {
    background-color: #fff;
    border-color: #ddd;
    color: #999;
    cursor: not-allowed;
}
.pagination li.active > a, .pagination li.active > a:focus,
.pagination li.active > a:hover, .pagination li.active > span,
.pagination li.active > span:focus, .pagination li.active > span:hover {
    background-color: #fd9611;
    border-color: #fd9611;
    color: #fff;
    cursor: default;
    z-index: 2;
}
.pagination li > a:hover, .pagination li > span,
.pagination li > span:focus, .pagination li > span:hover {
    background-color: #fff;
	border-color: #fd9611;
    color: #fd9611;
}
.table-warp .page-toolbar .pSizeArea{
	display: inline-block;
	width: 50px;
	position: relative;
	margin-left:10px;
	margin-right:20px;
	line-height: 30px;
	padding: 0px;
	border: 0px;
	background-image: url('');
	background-repeat: no-repeat;
	background-position: 36px 13px;
}
.table-warp .page-toolbar .pSizeArea.open{
	background-image:none;
}
.table-warp .page-toolbar .pSizeArea .size-text{
	display: block;
	width: 100%;
	height: 30px;
	line-height: 30px;
	text-align: center;
	cursor: default;
}
.table-warp .page-toolbar .pSizeArea.open .size-text{
	border: 1px solid #e2e5ea;
	line-height: 28px;
}
.table-warp .page-toolbar .pSizeArea [select]{
	display: none;
	width: 100%;
	position:absolute;
	top: 100%;
	left: 0px;
	margin-top: -1px;
	margin-botton: 0px;
	bottom:auto;
	background: #fff;
	border: 1px solid #e2e5ea;
}
.table-warp .page-toolbar .pSizeArea [select].inTop{
	top:100%;
	bottom:auto;
	margin-top: -1px;
	margin-bottom: 0px;
	border-top: 0px;
}
.table-warp .page-toolbar .pSizeArea [select].inBottom{
	top:auto;
	bottom:100%;
	margin-top: 0px;
	margin-bottom: -1px;
	border-bottom: 0px;
}
.table-warp .page-toolbar .pSizeArea.open [select]{
	display:block;
}
.table-warp .page-toolbar .pSizeArea [select] [option]{
	display: block;
	width: 100%;
	font-size: 12px;
	line-height: 30px;
	text-align: center;
	cursor: default;
}
.table-warp .page-toolbar .pSizeArea [select] [option][selected]{
	background-color: #fd9611;
	color: #fff;
}
.table-warp .page-toolbar .pSizeArea [select] [option]:hover{
	background-color: #fd9611;
	color: #fff;
}
